.new_register { background: #C93F30; }
.new_register_top {
  height: rem(1227);
  background: url($imgPath + '/activity/new_register/new_top_bg.png') no-repeat;
  background-size: 100% 100%; position: relative;
  .new_register_coupon_list {
    width: 100%;
    position: absolute; top: rem(630); text-align: center;
    ul {
      display: flex; justify-content: flex-start;
      padding: 0 rem(70);
      li {
        text-align: center; width: rem(135); padding-right: rem(30);
        h3 {
          font-size: rem(60); color: #F35C4C;
          span { color: #F35C4C; font-size: rem(28);}
        }
        p {
          font-size: rem(20); color: #333333; white-space:nowrap;
         }
         &:last-child {
           padding-right: 0;
         }
      }
    }
  }
  .new_register_gift {
    position: absolute; bottom: rem(50);
    width: 100%; text-align: center;
    h3 {
      font-size: rem(38); color: #FFFFFF;
      &:nth-child(2) {
        span {font-size: rem(58);}
        font-size: rem(152);
        text-indent: rem(-50);
      }
    }
    .receive {
      animation: change 3s infinite linear;
      margin-top: rem(30); line-height: rem(100);
      width: rem(426); height: rem(100); border-radius: rem(50);
      display: inline-block; font-size: rem(38); color: #333333;
      background:linear-gradient(113deg,rgba(254,242,224,1) 0%,rgba(249,217,172,1) 100%);
    }
    @keyframes change{
      0% {width: rem(350);height: rem(100);}
      50% {width: rem(426);height: rem(100);}
      100% {width: rem(350);height: rem(100);}
    }
  }
}
.new_register_coupon_time {
  text-align: center;
  p { font-size: rem(20); color: #FAE5C6; padding-bottom: rem(5); span { font-weight: 600;}}
}
.new_register_content {
  text-align: center; padding: rem(40) 0;
  .title {
    font-size: rem(32); color: #FFFFFF;
    &:before {
      display: inline-block; width: rem(190); height: rem(2); background: #fff;
      content: ''; position: relative; top: rem(-8); margin-right: rem(20);
    }
    &:after {
      display: inline-block; width: rem(190); height: rem(2); background: #fff;
      content: ''; position: relative; top: rem(-8); margin-left: rem(20);
    }
   }
   .new_register_prd {
     padding: rem(40) rem(25) rem(30) rem(25);  margin: auto;
     .van-list {
       display: flex; flex-wrap: wrap; justify-content: center;
       .new_register_prd_card {
         width: rem(340); height: rem(636);
         background: #fff; text-align: left;
         margin-bottom: rem(20);
         &:nth-child(2n) {
           margin-left: rem(20);
         }
         .new_register_prd_img {
           position: relative;
           img { width: rem(340); height: rem(340); }
           p {
             position: absolute; bottom: 0; text-align: center;
             font-size: rem(24); color: #FFFFFF;
             background:rgba(0,0,0,0.4);
             width: rem(340); height: rem(54); line-height: rem(54);
             border-radius: rem(15) rem(15) 0 0;
           }
         }
         .new_register_prd_content {
           padding: 0 rem(10);
           .product_name {
             font-size: rem(28); color: #17273A; padding-top: rem(20);
             white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
           }
           .product_details {
             font-size: rem(20); color: #999999; padding-top: rem(10);
             white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
           }
           .product_lable {
             padding-top: rem(20);
             p {
               display: inline-block; padding: rem(2) rem(3); margin-left: rem(20);
               font-size: rem(20); color: #E91F3F; border: 1px solid #E91F3F;
               &:nth-child(1) { margin-left: 0;}
             }
           }
           .product_right {
             background:rgba(255,246,233,1); margin-top: rem(20);
             display: flex; justify-content: flex-start; align-items: center;
             img {
               width: rem(18); height: rem(15);
             }
             p { font-size: rem(18); color: #C49554; }
           }
           .product_price {
             display: flex; justify-content: flex-start; align-items: center;
             padding-top: rem(20);
             p {
               font-size: rem(35); color: #E91F3F;
               &:nth-child(2) {
                 font-size: rem(26); color: #999999;
                 padding-left: rem(20); text-decoration:line-through;
               }
             }
           }
         }
       }
       .new_register_prd_card_empty {
         background: none;
       }
       .van-list__loading { margin: auto; }
     }
   }
   .empty_product {
     img {
       width: rem(695); height: rem(1175);
     }
   }
}
